<template>
  <div class="page_view flex">
    <van-nav-bar title="组件展示"/>
    <div class="flex1 at collect_view">
      <van-divider content-position="left">卡片组件</van-divider>
      <my-card title="参数规格" bColor="#319E93" style="margin-bottom: 10px">
        <template slot="title-r">
          <van-icon name="diamond-o" size="20px" color="#319E93"/>
        </template>
        <template slot="content">
          <p>编号：TDT2002Z</p>
          <p>电池规格：48V12AH</p>
          <p>电机规格：350W</p>
          <p>轮胎规格：14*2.50</p>
          <p>减震方式：前叉后置液压减震</p>
          <p>防盗方式：双遥控报警</p>
          <p>制动方式：前后鼓刹</p>
        </template>
      </my-card>
      <my-card title="服务" bColor="#ff00ff" style="margin-bottom: 10px;">
        <template slot="title-r">
          <van-icon name="flower-o" size="20px" color="#ff00ff"/>
        </template>
        <template slot="content">
          <p>分期付款</p>
          <p>一年保修</p>
          <p>上门服务</p>
          <p>三包凭证</p>
        </template>
      </my-card>
    </div>
  </div>
</template>

<script>
export default {
  name: 'collect'
}
</script>

<style scoped lang="less">
.collect_view{
  padding: 10px;
  box-sizing: border-box;
}
</style>
